<!DOCTYPE html>
<html>
<head>
    <title>Gridster Demos</title>

    <link rel="stylesheet" href="assets/css/demo.css">
</head>
<body>


<div class="content">
    <h2>Samples</h2>
</div>
<ul>
    <li><a href="adding-widgets-dynamically.html">Adding widgets dynamically</a></li>
    <li><a href="custom-drag-handle.html">Custom drag handle</a></li>
    <li><a href="expandable-widgets.html">Expandable widgets</a></li>
    <li><a href="grid-from-serialize.html">Build grid from serialize</a></li>
    <li><a href="multiple-grids.html">Multiple gridster instances on the same page</a></li>
    <li><a href="resize.html">Resizable widgets</a></li>
    <li><a href="chaosWidget.html">Chaos Widgets</a></li>
    <li><a href="resize-limits.html">Resizable widgets with constraints</a></li>
    <li><a href="serialize.html">Serialize widgets positions</a></li>
    <li><a href="using-drag-callbacks.html">Using drag callbacks</a></li>
    <li><a href="using-resize-callbacks.html">Using resize callbacks</a></li>
    <li><a href="dynamic-grid-width.html">Dynamic grid width</a></li>
    <li><a href="responsive.html">Responsive grid width</a></li>
    <li><a href="SwapDrop.html">Grid with larger widgets swapping spots with smaller ones</a></li>
    <li><a href="sticky-postion.html">Grid that allows widgets to be exactly placed anywhere</a></li>
</ul>


</body>
</html>
